Typically, you click an element to select it. If an element is invisible, you may need to make it visible before you can select it.
Use these techniques to select elements:
![]() |
To select a visible element in the Document window, drag across the element or click the element. |
![]() |
To select an invisible element, choose View > Invisible Elements (if it isn't already selected) and then click the element's marker. See About invisible elements. |
Some objects appear on the page in a place other than where their code is inserted. For example, a layer can be anywhere on the page, but the code defining the layer is in a fixed location. Dreamweaver displays markers in the Document window to show the location of the code for invisible elements. | |
![]() |
To select a complete tag (including its contents, if any), click a tag in the tag selector at the bottom left of the Document window. The tag selector always shows the tags that surround the current selection or insertion point location.
![]() |
For example, if you have defined a link for an image, the HTML code in the HTML Source inspector would look something like this: | |
<a href="http://www.macromedia.com"><img src="agraphic.gif"></a> |
|
Clicking the image in the Document window selects the <img> tag in the tag selector, which corresponds to selecting <img src="agraphic.gif"> in the HTML Source inspector. |
|
To select the link, click the image in the Document window and then click the <a > that appears in the tag selector, to the left of <img> . |
To see the HTML code associated with the selected text or object, choose Window > HTML Source to open the HTML Source inspector. (Selections you make in the HTML Source inspector are mirrored in the Document window.)